<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:m="http://code.google.com/p/gmaps4jsf/">
	<ui:composition template="/templateDettLuoghi.xhtml">
	    <ui:define name="header"> 
		<title>#{luoghiBean.dettaglio.nome} - inBOtta</title>
	    <meta name="keywords" content="#{luoghiBean.dettaglio.keywords}"/>		
	    <meta name="description" content="#{luoghiBean.dettaglio.descrizioneBreve}"/>	
		</ui:define>	
		<!-- content -->
		<ui:define name="body">
		<h:form id="formLuogo">	
		<section id="content">
			<div class="wrapper">
				<div id="corpo-middle-scheda">
					<h2 class="ident-bot-1"><ice:outputText value="#{luoghiBean.dettaglio.nome}"/></h2>
					<div>
					<div class="info-top">
					    <div class="cornice">
					        <div class="dettaglio"><div class="titolo titolo-box-2">CATEGORIA</div><ice:outputText value="#{luoghiBean.dettaglio.categoria}"/></div> -->
							<div class="dettaglio"><div class="titolo titolo-box-2">TIPOLOGIA LOCATION</div><ice:outputText value="#{luoghiBean.dettaglio.tipo}"/></div>	
					        <div class="clear"></div>									
					        <div class="dettaglio doppio"><div class="titolo titolo-box-2">INDIRIZZO</div><ice:outputText value="#{luoghiBean.dettaglio.indirizzo}"/></div>
					        <div class="dettaglio doppio"><div class="titolo titolo-box-2">CHIUSURA</div><ice:outputText value="#{luoghiBean.dettaglio.chiusura}"/></div>
					        <div class="clear"></div>
					       	<div class="dettaglio doppio"><div class="titolo titolo-box-2">TESSERA</div><ice:outputText value="#{luoghiBean.dettaglio.carta}"/></div>
					        <div class="dettaglio doppio"><div class="titolo titolo-box-2">INDIRIZZO INERNET</div><ice:outputText value="#{luoghiBean.dettaglio.web}"/></div>
					        <div class="clear"></div>
					        <div class="dettaglio doppio"><div class="titolo titolo-box-2">ORARI</div><ice:outputText value="#{luoghiBean.dettaglio.orari}"/></div>
					        <div class="dettaglio doppio"><div class="titolo titolo-box-2">SERVIZI</div><ice:outputText value="#{luoghiBean.dettaglio.servizi}"/></div>
					    </div>
					</div>
					<div class="info-middle">
						<p></p>
						<ice:graphicImage styleClass="ident-bot-12" url="../../../images/luoghi/#{luoghiBean.dettaglio.foto}"/>								
						<p class="ident-bot-1"></p>
					</div>
					<div>
						<p><strong><ice:outputText value="#{luoghiBean.dettaglio.descrizioneBreve}"/></strong></p>
						<p class="ident-bot-1"><ice:outputText value="#{luoghiBean.dettaglio.descrizione}"/></p>
					</div>
			
				</div>
			</div>
				
				<div id="corpo-middle-dx">
			 	<!-- MAPPA  CON GMAP4JSF -->
			    <m:map  width="300" height="250" latitude="44.486464" longitude="11.356087" jsVariable="gmap" zoom="14">
         			<m:marker address="#{luoghiBean.dettaglio.indirizzo}">
					<m:popup icon="snack" content="#{luoghiBean.dettaglio.nome}" />
					</m:marker>
                    <m:mapControl name="GSmallMapControl" />
  				</m:map>
  				
  				<!-- FACEBOOK LIKE -->
  				<div class="fb-like" href="#{prettyContext.requestQueryString}" data-send="true" data-width="300" data-layout="button_count" data-show-faces="false"></div>
  				<!-- END LIKE -->
  				<div class="clear"></div>
				<!-- TWITTER SHARE ATTENZION RICHIEDE TITLE PAGINA = TITLE EVENTO-->
				<div class="twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-count='horizontal'  data-text='' data-url="#{prettyContext.requestQueryString}" data-via="inBOtta" data-lang="it">Tweet</a> </div>
				<!-- END SHARE -->
				<!-- GOOGLE SHARE -->
				<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="250"></div>
				<!-- END SHARE -->  				
  				
  			</div>
  			</div>
		</section><!-- end content -->		
		
	</h:form>
</ui:define>
</ui:composition>
</html>
